<caltech-header title="Equipment">
    <h3>Equipment</h3>
</caltech-header>

<div novalidate class="form form-horizontal" name="customerForm">
    <div class="form-group">
        <div class="col-xs-6">
            <label for="name">Description</label>
            <a href="#" editable-text="model.name" buttons="no" e-name="name" blur="submit">{{model.name}}</a>
        </div>
        <div class="col-xs-6">
            <label for="manufacturer">Manufacturer</label>
            <a href="#" editable-text="model.manufacturer" buttons="no" e-name="manufacturer" e-required blur="submit" onbeforesave="validate(model.model, $data)" >{{model.manufacturer}}</a>
        </div>
    </div>
    <div class="form-group">
        <div class="col-xs-6">
            <label for="description">Range</label>
            <a href="#" editable-text="model.description" buttons="no" e-name="description" blur="submit">{{model.description}}</a>
        </div>
        <div class="col-xs-6">
            <label for="procedure">Procedure</label>
            <a href="#" editable-text="model.procedure" buttons="no" e-name="procedure" blur="submit">{{model.procedure}}</a>
        </div>
    </div>
    <div class="form-group">
        <div class="col-xs-6">
            <label for="modelNumber">Model Number</label>
            <a href="#" editable-text="model.modelNumber" buttons="no" e-name="modelNumber" blur="submit" e-required onbeforesave="validate($data, model.manufacturer)" >{{model.modelNumber}}</a>
        </div>
        <div class="col-xs-6">
            <label for="assetNumber">Asset Number</label>
            <a href="#" editable-text="model.assetNumber" buttons="no" e-name="assetNumber" blur="submit">{{model.assetNumber}}</a>
        </div>
    </div>
    <div class="form-group">
        <div class="col-xs-6">
            <label for="serialNumber">Serial Number</label>
            <a href="#" editable-text="model.serialNumber" buttons="no" e-name="serialNumber" blur="submit">{{model.serialNumber}}</a>
        </div>
        <div class="col-xs-6">
            <label for="poNumber">PO Number</label>
            <a href="#" editable-text="model.poNumber" buttons="no" e-name="poNumber" blur="submit">{{model.poNumber}}</a>
        </div>
    </div>
    <div class="form-group spacing-bottom-md">
        <div class="col-xs-6">
            <label for="calibrationDate">Calibration Date</label>
            <a href="#" e-datepicker-popup="dd/MMM/yyyy" e-class="form-control" editable-bsdate="model.calibrationDate" buttons="no" e-name="calibrationDate" blur="submit">{{model.calibrationDate | date: 'dd/MMM/yyyy'}}</a>
        </div>
        <div class="col-xs-6">
            <label for="nextDueDate">Next Due Date</label>
            <a href="#" e-datepicker-popup="dd/MMM/yyyy" e-class="form-control" editable-bsdate="model.nextDueDate" buttons="no" e-name="nextDueDate" blur="submit">{{model.nextDueDate | date: 'dd/MMM/yyyy'}}</a>
        </div>
    </div>
    <div class="form-group spacing-bottom-md" has-access="Admin,Manager,Salesman">
        <div class="col-xs-6">
            <label for="calibrationDate">Unit Price</label>
            <a href="#" editable-text="model.price" e-class="form-control" buttons="no" e-name="price" blur="submit">{{model.price | number}}</a>
        </div>
    </div>

    <page-footer page="1"></page-footer>
</div>



<nav class="navbar navbar-default navbar-fixed-bottom navbar-inverse" role="navigation">
    <div class="container">
        <button class="btn btn-info navbar-btn" ng-click="back()">Back</button>
        <button class="btn btn-warning navbar-btn" has-access="Admin,Salesman,Technician" busy-click="remove(model)" success="Deleted successfully" ng-show="model.id != undefined">Delete</button>
        <button class="btn btn-info navbar-btn" ng-show="model.id != undefined" ng-disabled="!isValid" busy-click="update(model)" success="Updated successfully">Update</button>
        <button class="btn btn-info navbar-btn" ng-hide="model.id != undefined" ng-disabled="!isValid" busy-click="save(model)" success="Created successfully">Save</button>
        <button class="btn btn-info navbar-btn" ng-show="model.id != undefined" ng-click="doPrint()"><i class="glyphicon glyphicon-print"></i> Print</button>
    </div>
</nav>